body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} 
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 45px;color: #005aa8;line-height: 45px;}
.tit i{display: block;font-size: 20px;color: #000;line-height: 20px;padding-top: 20px;}


/*banner*/
.banner{position: relative;}
.banner li img{display: block;width: 100%;}
.ban_t{position: absolute;left: 50%;bottom: 11rem;width: 350px;margin-left: 250px;}
.ban_t p{float: left;width: 85px;padding: 3px;background: #fff;margin-right: 38px;}
.ban_t p img{display: block;width: 100%;}
.ban_t p:last-child{margin-right: 0;}
.ban_t p.on{background: #e7bf78;}
.banner .pageState{position: absolute;font-size: 1.8rem;color: #fff;height: 2.5rem;line-height: 2.5rem;left: 50%;bottom: 11rem;font-weight: bold;font-family: Arial;letter-spacing: 4px;margin-left: -600px;}
.banner .pageState span{font-size: 2.5rem;color: #e7bf78;vertical-align: top;}


/*yz*/
.yz{height: 650px;background: url(../image/yz_bg.jpg) no-repeat center 0;}
.yz dl{padding: 120px 0px 0px 60px;height: 588px;/* margin-top: 20px; */}
.yz dt{float: right;width: 958px;height: 588px;margin-right: -360px;overflow: hidden;}
.yz dt img{transition: all 0.5s;height: 362px;}
.yz dt:hover img{transform: scale(1.05);height: 362px;}
.yz dd{float: left;width: 515px;}
.yz dd h2{padding: 16px 0 32px;position: relative;font-weight: normal;}
.yz dd h2 b{display: block;font-size: 42px;color: #0d0700;line-height: 42px;}
.yz dd h2 i{display: block;font-size: 30px;color: #0d0700;line-height: 30px;padding-top: 24px;}
.yz dd h2 em{color: #005aa8;}
.yz dd h2:after{position: absolute;width: 94px;height: 3px;content: "";background: #005aa8;left: 0;bottom: 0;}
.yz_desc{font-size: 14px;color: #666;line-height: 30px;margin: 58px 0 70px;}
.yz dd ul{height: 167px;margin-left: -20px;width: 1000px;position: relative;z-index: 1;}
.yz dd li{float: left;width: 20%;height: 167px;background: #005aa8;text-align: center;}
.yz dd li:nth-child(2n){background: #005aa8;}
.yz dd li img{display: block;height: 50px;margin: 35px auto 22px;transition: all 0.5s;}
.yz dd li p{font-size: 28px;color: #fff;line-height: 28px;}
.yz dd li:hover img{transform: rotateY(180deg);}

/*case*/
.case{background: #f4f4f4;padding: 80px 0 0;}
.case h3{height: 30px;line-height: 30px;margin: 45px 0 34px;padding-left: 334px;}
.case h3 a{float: left;font-size: 18px;color: #000;font-weight: bold;margin-right: 84px;position: relative;}
.case h3 a:after{position: absolute;width: 1px;height: 14px;content: "";right: -42px;top: 8px;background: #d0d0d0;}
.case h3 a:last-child{margin-right: 0;overflow: hidden;}
.case h3 a:hover,.case h3 a.on{color: #005aa8;}
.case_box{height: 540;background: url(../image/case_bg.jpg) no-repeat center 0;}
.case_con{height: 540px;position: relative;}
.case_con dl{height: 540px;}
.case_con dt{float: right;width: 960px;height: 540px;overflow: hidden;margin-right: -158px;}
.case_con dt img{width: 960px;height: 540px;transition: all 0.5s;}
.case_con dt:hover img{transform: scale(1.05);}
.case_con dd{float: left;width: 340px;}
.case_con dd i{display: block;height: 92px;margin: 70px 0 60px;}
.case_con dd h4{font-size: 26px;color: #fff;line-height: 26px;margin-bottom: 27px;}
.case_con dd h4 a{color: #fff;}
.case_desc{height:78px;overflow: hidden;}
.case_con dd p{font-size: 16px;color: #fff;line-height: 26px;opacity: 0.6;}
.case_con dd .xq{display: block;width: 162px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;margin-top: 60px;}
.case_con .prev{position: absolute;left: 398px;bottom: 71px;height:71px;}
.case_con .next{position: absolute;left: 398px;bottom: 0;height:71px;}
.coop{padding: 75px 0 90px;height: 100px;}
.coop_t{float: left;font-weight: normal;padding-left: 48px;font-size: 22px;color: #202428;line-height: 34px;background: url(../image/coop_l.png) no-repeat left 4px;height: 100px;}
.coop_t i{display: block;font-size: 24px;color: #333;text-transform: uppercase;line-height: 50px;}
.coop_list{float: right;width: 920px;}
.coop_list li{float: left;width: 196px;height: 98px;border: 1px solid #b4b5b6;margin-right: 42px;}
.coop_list li img{display: block;width: 100%;}
.coop_list li:last-child{margin-right: 0;}




/*fea*/
.fea{height: 845px;padding-top: 100px;background: url(../image/fea_bg.jpg) no-repeat center 0;}
.fea ul{height: 200px;margin: 80px auto 80px;text-align: center;}
.fea li{float: left;width: 16%;height: 197px;margin-right: 50px;text-align: center;position: relative;border-radius: 100%;z-index: 1;}
.fea li:last-child{margin-right: 0;}
.fea li h3{height: 30px;line-height: 30px;font-size: 24px;color: #fff;margin: 70px 0 0;}
.fea li h3 i{display: inline-block;height: 30px;vertical-align: top;margin-right: 8px;overflow: hidden;}
.fea li h3 i img{top: 0;position: relative;}
.fea li p{font-size: 18px;color: #fff;line-height: 50px;}
.fea li p b{font-size: 16px;}
.fea li.cur{background: #005aa8;}
.fea li.cur i img{top: -30px;}

.fea li h3:after{height: 30px;line-height: 30px;font-size: 20px;color: #000;margin: 70px 0 0;}
.fea li p:after{font-size: 14px;color: #000;line-height: 36px;}
.fea li.cur:after{
    position: absolute;
    width: 200px;
    height: 200px;
    color:#000;
    left: 0;
    bottom: 0;
    content: "";
    background: #ffffff;
    border-radius: 100%;
    -webkit-animation: living 2s linear infinite;
    z-index: -1;
}
@keyframes living {
    0%{
        transform: scale(1);
        opacity: 0.3;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.1;
    }
    100%{
        transform: scale(1);
        opacity: 0.3;
    }
}
.fea_con{height: 220px;width: 1200px;margin: 0 auto;overflow: hidden;}
.fea_con dl{float: left;width: 13%;box-sizing: border-box;height: 100%;border-right: 1px solid #261b16;background: rgba(255,255,255,0.9);}
.fea_con dt{display: none;}
.fea_con dd{width: 100%;text-align: center;padding-top: 10%;}
.fea_con dd h3{padding: 3rem 0 0;/* font-size: 1.8rem; */color: #005aa8;line-height: 1.4rem;height: 3.7rem;position: relative;}
.fea_con dd h3:after{position: absolute;width: 20px;height: 2px;content: "";background: #ff7f00;left: 50%;bottom: -73%;margin-left: -10px;}
.fea_con dd h3 i{display: none;font-size: 1.5rem;color: #0d0700;opacity: 0.8;line-height: 4.8rem;font-weight: normal;}
.fea_con dd span{display: block;font-size: 14px;color: #11110e;line-height: 20px;margin-top: 4.6rem;}
.fea_con dd p{display: none;font-size: 14px;color: #0d0700;line-height: 20px;opacity: 0.5;padding-top: 17%;}
.fea_con dl.cur{width: 45%;}
.fea_con dl.cur dt{display: block;float: left;width: 38%;height: 100%;}
.fea_con dt img{display: block;width: 100%;height: 100%;}
.fea_con dl.cur dd{float: left;width: 62%;padding: 0 1.5rem 0 2rem;box-sizing: border-box;text-align: left;}
.fea_con dl.cur dd h3{height: 5.3rem;margin-bottom: 0.2rem;}
.fea_con dl.cur dd h3 i{display: block;}
.fea_con dl.cur dd h3:after{left: 0;margin-left: 0;}
.fea_con dl.cur dd span{display: none;}
.fea_con dl.cur dd p{display: block;}


/*ys*/
.ys{padding: 100px 0 140px;width: 1200px;margin: 0 auto;}
.ys h2{margin-bottom: 40px;}
.ys_t{height: 108px;}
.ys_t li{float: left;width: 20%;height: 92px;text-align: center;}
.ys_t li b{display: block;font-size: 28px;color: #0d0700;line-height: 28px;padding: 12px 0 18px;}
.ys_t li p{display: block;font-size: 12px;color: #0d0700;line-height: 20px;}
.ys_t li:nth-child(1){background: url(../image/01.png) no-repeat center;}
.ys_t li:nth-child(2){background: url(../image/02.png) no-repeat center;}
.ys_t li:nth-child(3){background: url(../image/03.png) no-repeat center;}
.ys_t li:nth-child(4){background: url(../image/04.png) no-repeat center;}
.ys_t li:nth-child(5){background: url(../image/05.png) no-repeat center;}
.ys_t li.on b{color: #e7bf78;}
.ys_t li:nth-child(1).on{background: url(../image/01h.png) no-repeat center;}
.ys_t li:nth-child(2).on{background: url(../image/02h.png) no-repeat center;}
.ys_t li:nth-child(3).on{background: url(../image/03h.png) no-repeat center;}
.ys_t li:nth-child(4).on{background: url(../image/04h.png) no-repeat center;}
.ys_t li:nth-child(5).on{background: url(../image/05h.png) no-repeat center;}
.ys_con dl{position: relative;}
.ys_con dt img{display: block;width: 100%;}
.ys_con dd{position: absolute;width: 88%;height: 200px;background: #fff;left: 6%;bottom: -65px;z-index: 10;padding: 0 3rem;box-sizing: border-box;}
.ys_con dd ul{float: left;}
.ys_con dd li{float: left;padding-top: 42px;margin-right: 3rem;}
.ys_con dd li span{display: inline-block;height: 60px;line-height: 60px;font-size: 62px;color: #333;position: relative;font-family: Arial;}
.ys_con dd li span i{position: absolute;width: 32px;height: 32px;border-radius: 100%;text-align: center;line-height: 32px;font-size: 19px;color: #fff;right: -20px;top: 50%;margin-top: -16px;background: #e7bf78;}
.ys_con dd li span em{letter-spacing: -2px;}
.ys_con dd li p{font-size: 16px;color: #000;line-height: 48px;}
.ys_txt{float: right;}
.ys_txt h3{font-size: 18px;color: #000;line-height: 18px;padding: 45px 0 18px;}
.ys_txt p{font-size: 14px;color: #000;line-height: 26px;padding-left: 20px;position: relative;}
.ys_txt p:after{position: absolute;width: 8px;height: 8px;background: #e7bf78;border-radius: 100%;left: 0;top: 50%;margin-top: -4px;content: "";}


/*honor*/
.honor{background: #f4f4f4;padding: 70px 0 0;}
.honor h2{margin-bottom: 40px;}
.hn_con{height: 642px;background: url(../image/hn_bg.jpg) no-repeat center 0;overflow: hidden;}
.hn_list{float: right;width: 1170px;margin-right: -115px;margin-top: 292px;}
.hn_list li{float: left;width: 375px;margin-right: 22px;padding-bottom: 94px;background: url(../image/hn_li.png) no-repeat bottom;}
.hn_list li img{display: block;width: 100%;}
.hn_list .tempWrap{width: 100% !important;}


/*news*/
.news{padding: 110px 0 45px;}
.news h2{margin-bottom: 65px;}
.news h3{height: 40px;font-weight: normal;padding-left: 407px;}
.news h3 a{float: left;font-size: 16px;color: #000;line-height: 16px;margin-right: 95px;}
.news h3 a.on{color: #005aa8;font-weight: bold;}
.news h3 .more{float: right;font-size: 14px;color: #000;line-height: 16px;margin-right: 0;}
	.new_list li{float: left;width: 385px!important;height: 386px!important;background: #f4f4f4;margin-right: 20px;padding: 16px 40px;}
.new_list li i{display: block;height: 24px;line-height: 24px;font-size: 14px;color: #000;margin: 6px 0 16px;font-family: Arial;}
.new_list li em{font-size: 24px;vertical-align: top;margin-right: 8px;}
.new_list li h4{font-size: 16px;color: #0d0700;line-height: 16px;margin-bottom: 6px;}
.new_list li h4 a{color: #0d0700;}
.new_list li p{font-size: 14px;color: #000;line-height: 24px;opacity: 0.8;padding-bottom: 35px;border-bottom: 1px solid #dbdbdb;}
.new_list li .xq{display: block;font-size: 14px;color: #000;opacity: 0.8;line-height: 24px;margin-top: 24px;}
.new_list li:hover h4 a,.new_list li .xq:hover{color: #e7bf78;}
.new_list li:hover p{border-color: #e7bf78;}
.new_list .tempWrap{width: 1200px!important;}


/*abt*/
.abt_con{position: relative;}
.abt_pic img{display: block;width: 100%;}
.abt_r{position: absolute;width: 500px;right: 0;top: 11.5rem;left: 50%;margin-left: 100px;}
.abt_r h2{}
.abt_r h2 em{display: block;font-size: 1.1rem;color: #e7bf78;line-height: 1.1rem;}
.abt_r h2 b{display: block;font-size: 2.7rem;color: #11110E;line-height: 2.7rem;padding: 0.8rem 0 1rem;}
.abt_r h2 i{display: block;font-size: 1.1rem;color: #11110E;line-height: 1.1rem;}
.abt_desc{font-size: 14px;color: #333;line-height: 28px;margin: 2.5rem 0 3.8rem;}
.abt_r h3{height: 3rem;}
.abt_r h3 a{float: left;width: 29%;height: 3.2rem;font-size: 14px;line-height: 14px;text-align: center;color: #0d0700;background: rgba(255,255,255,0.8);margin-right: 6.5%;}
.abt_r h3 a:last-child{margin-right: 0;}
.abt_r h3 a i{display: block;font-size: 12px;line-height: 1.7rem;text-transform: uppercase;}
.abt_r h3 a.on{background: #e7bf78;color: #fff;}
.album{width: 1200px;margin: -64px auto 0;background: #fff;position: relative;z-index: 10;padding: 54px 30px 85px;}
.album li{float: left;padding: 8px 12px;border: 1px solid #e7bf78;margin-right: 25px;width: 255px;}
.album li img{display:block;width:100%;}
.album .tempWrap{width: 100% !important;}



@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }

    .fea{height: 925px;}
    .fea_con{width: 1570px;height: 298px;}
    .abt_desc{font-size: 16px;line-height: 34px;}
    .abt_r h3 a{font-size: 16px;line-height: 16px;}
    .ys{width: 1570px;}
    .ys_txt p{font-size: 16px;line-height: 30px;}
    .album{padding: 54px 140px 85px;}
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}